<template>
    <div class="background-layout">
        <div class="inner-content">
            <slot></slot>
        </div>
    </div>
</template>
<script setup lang='ts'>
type IProps = {
    zIndex: number
}
const props = withDefaults(defineProps<IProps>(),
    {
        zIndex: 1
    })
const emit = defineEmits(['change'])
</script>
<style lang='scss' scoped>
.background-layout {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: v-bind(zIndex);

    .inner-content {
        width: 100%;
        height: 100%;

        >* {
            width: 100%;
            height: 100%;
        }
    }
}
</style>